﻿{extend name="public:base" /}

{block name='css'}
<!--  富文本  -->
<link href="__ADMIN__/css/plugins/summernote/summernote-bs4.css" rel="stylesheet">
{/block}

{block name="content"}

<!-- 富文本样式 -->
<style>
  .note-editor.note-frame .note-editing-area .note-editable {
    padding: 10px;
    overflow: auto;
    color: #000;
    word-wrap: break-word;
    background-color: #fff;
    height: 600px;
  }
</style>

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox ">
                <div class="ibox-content">
                    <form method="get">
                        <div class="box-item">
                            <div class="form-group row"><label class="col-sm-1 col-form-label">姓名</label>
                                <div class="col-sm-3"><input type="text" class="form-control" placeholder="请输入姓名"></div>
                            </div>
                            <div class="hr-line-dashed"></div>
                        </div>

                        <div class="box-item">
                            <div class="form-group row"><label class="col-sm-1 col-form-label">密码</label>

                                <div class="col-sm-3">
                                    <input type="password" placeholder="请输入密码" class="form-control" name="password">
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                        </div>

                        <div class="box-item">
                            <div class="form-group row">
                                <label class="col-lg-1 col-form-label">禁用输入框</label>
                                <div class="col-lg-3">
                                    <input type="text" disabled placeholder="禁用输入..." class="form-control">
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                        </div>

                        <div class="box-item">
                            <div class="form-group row"><label class="col-sm-1 col-form-label">爱好<br/>
                                <small class="text-navy"></small></label>

                                <div class="col-sm-3">
                                    <div class="i-checks"><label> <input type="checkbox" value=""> <i></i> 篮球
                                    </label>
                                    </div>
                                    <div class="i-checks"><label> <input type="checkbox" value="" checked="">
                                        <i></i> 乒乓球 </label></div>
                                    <div class="i-checks"><label>
                                        <input type="checkbox" value="" disabled="" checked=""> <i></i> 选项三检查和禁用
                                    </label></div>
                                    <div class="i-checks"><label> <input type="checkbox" value="" disabled="">
                                        <i></i> 选项四禁用 </label></div>
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                        </div>

                        <div class="box-item">
                            <div class="form-group row"><label class="col-sm-1 col-form-label">性别<br/>
                                <small class="text-navy"></small></label>

                                <div class="col-sm-3">
                                    <div class="i-checks"><label> <input type="radio" value="option1" name="a">
                                        <i></i> 男 </label></div>
                                    <div class="i-checks"><label>
                                        <input type="radio" checked="" value="option2" name="a"> <i></i> 女 </label>
                                    </div>
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                        </div>

                        <div class="box-item">
                            <div class="form-group row"><label class="col-sm-1 col-form-label">图片上传</label>

                                <div class="col-sm-3">
                                    <input type="file" id="img_file" style="display: none">
                                    <input type="hidden" name="img" id="img" value="{$info['img']|default=''}"/>
                                    <img class="upload-file" src="__ADMIN__/img/uploadBtn.png" id="uploadImg">
                                </div>

                            </div>
                            <div class="hr-line-dashed"></div>
                        </div>

                        <div class="box-item">
                            <div class="form-group row"><label class="col-sm-1 col-form-label">兴趣</label>

                                <div class="col-sm-3">
                                    <select class="form-control m-b" name="account">
                                        <option>王者荣耀</option>
                                        <option>刺激战场</option>
                                        <option>QQ飞车</option>
                                    </select>
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                        </div>

                        <div class="box-item">
                            <div class="form-group row"><label class="col-sm-1 col-form-label">文本框</label>
                                <div class="col-sm-3">
                                    <textarea class="form-control" name="textarea" rows="8"></textarea>
                                    <span class="form-text m-b-none">这是说明文字这是说明文字这是说明文字这是说明文字</span>
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                        </div>

                        <div class="box-item">
                            <div class="row">
                                <label class="col-sm-1 col-form-label">简介</label>
                                <div class="col-lg-6">
                                    <div class="ibox ">
                                        <div class="ibox-content no-padding">

                                            <div class="summernote" style="height: 500px">
                                                <!-- 富文本内容 -->
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="hr-line-dashed"></div>
                        </div>

                        <div class="form-group row">
                            <div class="col-sm-4 col-sm-offset-2">
                                <button type="button" class="btn btn-w-m btn-default back-page">返回</button>
                                <button type="button" class="btn btn-w-m btn-primary">提交</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

{/block}

{block name='js'}
<!--  富文本  -->
<script src="__ADMIN__/js/plugins/summernote/summernote-bs4.js"></script>
<script>
    $(document).ready(function () {
        $('.summernote').summernote();
    });
</script>
{/block}
